<!DOCTYPE HTML>
<html>
<head>
<#include "/script.ftl">
<title>交易明细</title>
</head>
<body id="body" class="common_body">
	<article class="page-container">
	<form id="" class="" action="" method="post">
		<div class="tradedetail_box cl">
			<table class="table table-border panel panel-default">
				<thead class=" panel-header">
					<tr>
						<th width="6%"></th>
						<th width="17%">创建时间</th>
						<th width="17%">订单号</th>
						<th width="10%">行程信息</th>
						<th width="10%">航班信息</th>
						<th width="7%">金额</th>
						<th width="7%">状态</th>
						<th width="6%">操作</th>
					</tr>
				</thead>
				<#if message! ="">
				<tr class="panel-body">
					<td></td>
					<td>${order.creationDateStr!''}</td>
					<td class="c-primary">${order.orderNum!''}</td>
					<td><#list order.flights! as flight>
							<#list flight.segments! as segment>
								<span>${segment.departureCityName!''+"--"+segment.arrivalCityName!''}<span><br>
							</#list>
						</#list>
					</td>
					<td>
						<#list order.flights! as flight>
							<#list flight.segments! as segment>
								<span>${segment.departureDate!""}<span><br>
							</#list>
						</#list>
					</td>
					<td class="c-red">${order.totalAmount!""}</td>
					<td></td>
					<td class="c-primary"><a id="a_tradedetail" href="javascript:;">展示</a></td>
				</tr>
				<#else>
				<tr class="panel-body">
					<td colspan="8">${message}</td>
				</tr>
				</#if>
				<tr style="display:none">
					<td colspan="8">	
						<table class="table table-border panel panel-default">
							<thead class="panel-header">
								<tr>
									<th width="6%">类型</th>
									<th width="17%">名称</th>
									<th width="17%">支付方式</th>
									<th width="10%">旅客</th>
									<th width="10%">订单号</th>
									<th width="10%">交易号</th>
									<th width="10%">总额</th>
								</tr>
							</thead>
							<tr class="panel-body">
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
							</tr>
							<tr class="panel-body">
								<td colspan="7">对方信息：</td>
							</tr>
						</table>
						<table class="table panel panel-default mt-10">
							<tr class="panel-header">
								<th>创建时间</th>
								<th>支付时间</th>
								<th>结束时间</th>
							</tr>
							<tr class="panel-body">
								<td></td>
								<td></td>
								<td></td>
							</tr>
							<tr class="panel-body">
								<td colspan="3">备注信息：</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>
	</form>
</article>
</body>
<script type="text/javascript">
	$(function(){
		$("#a_tradedetail").click(function(){
			if($(this).text()=="展示"){
				$(this).text("收缩");
				$(this).parent().parent().next().show();				
			}else{
				$(this).text("展示");
				$(this).parent().parent().next().hide();
			}

		});
	
	});
</script>
</html>